﻿
h2 {
    font-weight: normal;
    letter-spacing: 2px;
}

/*#titleForm{*/
/*    display: none;*/
/*}*/

.red {
    color: red;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.hide {
    display: none;
}

input[type=checkbox], input[type=radio] {
    cursor: pointer;
}

.help {
    border: solid 1px #D7E4EA;
    color: #555;
    padding: 10px;
    height: auto;
    line-height: 24px;
    background: #FEF5E7 url(../image/018.jpg) 10px center no-repeat;
    padding-left: 45px;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.help b {
    color: #017C83;
    font-weight: normal
}

#loader {
    background: url(../image/wpoint.png) repeat scroll left top rgba(0, 0, 0, 0);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
}

body {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

#header {
    height: 40px;
    background: #01A2AA;
}

#header .uinfo {
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 30px;
    margin-left: 2px;
    float: right;
    background: url(../image/user-4.png) 10px center no-repeat;
    color: #FAFAFA;
    letter-spacing: 1px;
}

#header a {
    width: auto;
    padding: 0 10px 0 30px;
    height: 40px;
    line-height: 40px;
    margin-left: 2px;
    float: right;
    display: block;
    color: #FAFAFA;
    text-decoration: none;
}

#header .a1 {
    background: url(../image/h1.png) 10px center no-repeat;
}

#header .a2 {
    background: url(../image/h2.png) 10px center no-repeat;
}

#header .a3 {
    background: url(../image/h3.png) 10px center no-repeat;
}

#header .a4 {
    background: url(../image/h4.png) 10px center no-repeat;
}

#header a:hover {
    background-color: #017C83;
}

#footer {
    height: 30px;
    line-height: 30px;
    color: #eee;
    letter-spacing: 2px;
    background: #2F313D;
    text-align: center;
}

#footer span {
    font-family: "微软雅黑";
}

#menu {
    width: 230px;
    overflow: hidden;
    background: #017C83;
}

/*#menu a.ms {*/
/*    background: url(../image/ms.png) 208px center no-repeat !important;*/
/*}*/

#menu a {
    height: 43px;
    display: block;
    color: #BEDCDE;
    line-height: 43px;
    font-size: 14px;
    text-decoration: none;
    border-left: solid 4px #017C83;
    border-top: solid 1px #019198;
    border-bottom: solid 1px #016C72;
}

#menu a:hover {
    background-color: #28B779;
    color: #FFF;
}

#menu a span {
    display: block;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 5px center;
}

#menu a span.a0 {
    background-image: url(../image/m0.png);
}

#menu a span.a1 {
    background-image: url(../image/m1.png);
}

#menu a span.a2 {
    background-image: url(../image/m2.png);
}

#menu a span.a3 {
    background-image: url(../image/m3.png);
}

#menu a span.a4 {
    background-image: url(../image/m4.png);
}

#menu a span.a5 {
    background-image: url(../image/m5.png);
}

#menu a span.a6 {
    background-image: url(../image/m6.png);
}

#menu a span.a7 {
    background-image: url(../image/m7.png);
}

#menu a span.a8 {
    background-image: url(../image/m8.png);
}

#menu .submenu {
    display: none !important;
}

.submenu {
    display: none;
    z-index: 900;
    padding: 2px 0;
}

.submenu a {
    background-color: #01A2AA !important;
    border-left-color: #DDD !important;
    border-top: none !important;
    border-bottom: none !important;
    color: #FFF !important;
}

.submenu a:hover {
    background-color: #28B779 !important;
    color: #FFF;
}

.submenu a span {
    height: 41px;
    background: url(../image/m_a.png) 15px center no-repeat !important;
    border-bottom: solid 1px #018E96;
    border-top: solid 1px #01B5BE;
}

.submenu {
    position: fixed;
    width: 160px !important;
    border: 1px solid #2490f8;
    border-left: 0;
    background-color: #fff !important;
}

.submenu a {
    border-left-color: #DDD !important;
    border-top: none !important;
    border-bottom: none !important;
    color: #000000 !important;
    height: 43px;
    display: block;
    line-height: 43px;
    font-size: 14px;
    background-color: #fff !important;
}

.submenu a:hover {
    background-color: #2490f8 !important;
    color: rgba(51,51,51,1) !important;
}

.submenu a span {
    padding-left: 40px;
    height: 41px;
    border: none !important;
    color: #000000 !important;
}

.submenu.a2 {
    top: 144px !important;
    z-index: 999;
}

.submenu.a3 {
    top: 192px !important;
    z-index: 999;
}
.submenu.a5 {
    top: 240px !important;
    z-index: 999;
}
.submenu.a6 {
    top: 288px !important;
    z-index: 999;
}
.submenu.a7 {
    top: 336px !important;
    z-index: 999;
}
.submenu.a8 {
    top: 384px !important;
    z-index: 999;
}
.submenu.a9 {
    top: 432px !important;
    z-index: 999;
}
.submenu.a10 {
    top: 480px !important;
    z-index: 999;
}
.submenu.a11 {
    top: 527px !important;
    z-index: 999;
}

#menu a.select {
    background-color: #28B779 !important;
    color: #FFF;
}

/*鍐呭椤甸潰鏍峰紡*/
#location {
    height: 44px;
    line-height: 44px;
    letter-spacing: 2px;
    padding-left: 25px;
    background: #EEF1F8 url(../image/location.png) 10px center no-repeat;
    border-bottom: solid 1px #DBDFEA;
    font-family: Arial, "Ping Fang SC", "Microsoft YaHei", Helvetica, sans-serif, "SimSun";
}

#Content {
    padding: 5px;
}

#Content .btnbar {
    margin-bottom: 5px;
    height: 30px;
    overflow: hidden;
}

#Content .btnbar button {
    width: auto;
    height: auto;
    padding: 6px 10px 6px 25px;
    cursor: pointer;
    background: #1E85EC url(../image/icon.png) no-repeat;
    color: #FFF;
    border: none;
    float: left;
}

#Content .btnbar button,
#Content #flows_searchbtn,
#Content .inputform .layui-btn-normal.del,
body .layui-btn{
    text-align: center;
    background-color: #fff !important;
    border: 1px solid #d4d4d4;
    color: #666 !important;
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 12px;
    margin: 0 0 0 15px;
    font-size: 12px;
    height: 30px !important;
}

#Content .btnbar button em,
#Content #flows_searchbtn em,
#Content .inputform .layui-btn-normal.del em,
body .layui-btn em{
    margin-right: 2px;
}

#Content .btnbar button:hover,
#Content #flows_searchbtn:hover,
#Content .inputform .layui-btn-normal.del:hover,
body .layui-btn:hover,
.toolbars a:hover{
    color: #318ed9!important;
    border-color: #318ed9!important;
}

#Content .btnbar button.cur {
    background-color: orange;
}

#Content .btnbar .save {
    background-position: 5px 0px;
}

#Content .btnbar .add {
    background-position: 5px -20px;
}

#Content .btnbar .del {
    background-position: 5px -40px;
}

#Content .btnbar .edit {
    background-position: 5px -63px;
}

#Content .btnbar .right {
    background-position: 5px -86px;
}

#Content .btnbar .users {
    background-position: 5px -108px;
}

#Content .btnbar .show {
    background-color: #28B779;
    background-position: 5px -152px;
    float: right;
}

#Content .btnbar .hide {
    background-color: #28B779;
    background-position: 5px -174px;
    float: right;
}

#Content .btnbar .password {
    background-position: 5px -196px;
}

#Content .btnbar .enable {
    background-position: 5px -217px;
}

#Content .btnbar .import {
    background-position: 5px -241px;
}

#Content .btnbar .view {
    background-position: 5px -263px;
}

#Content .btnbar .list {
    background-position: 5px -283px;
}

#Content .btnbar .card {
    background-position: 5px -305px;
}

#Content .btnbar .back {
    background-position: 5px -328px;
}

#Content .linebar {
    line-height: 30px;
    background: #EEF1F8;
    padding: 3px 10px;
    font-size: 12px;
    color: #666;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: 5px;
    border: solid 1px #ddd;
    border-bottom: solid 2px #1E85EC;
}

#Content .linetbar {
    line-height: 30px;
    cursor: pointer;
    background: #EEF1F8 url(../image/icon2.png) right 10px top 11px no-repeat;
    padding: 3px 10px;
    font-size: 12px;
    color: #666;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: 5px;
    border: solid 1px #ddd;
    border-bottom: solid 2px #1E85EC;
}

#Content .linetbarms {
    background-position: right 10px bottom 11px;
}

.search {
    width: 30px;
    overflow: hidden;
    height: 24px;
    cursor: pointer;
    background: #1E85EC url(../image/icon.png) center -133px no-repeat;
    color: #FFF;
    border: none;
	border-radius:5px;
}


#searchbox {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}

#searchbox .moretj {
    display: none;
}

#searchbox .moretjbtn0 {
    width: 30px;
    overflow: hidden;
    height: 24px;
    cursor: pointer;
    background: orange url(../image/icon.png) center -355px no-repeat;
    color: #FFF;
    border: none;
	border-radius:5px;
}

#searchbox .moretjbtn1 {
    width: 30px;
    overflow: hidden;
    height: 24px;
    cursor: pointer;
    background: orange url(../image/icon.png) center -374px no-repeat;
    color: #FFF;
    border: none;
	border-radius:5px;
}

#searchbox .del{
    width: 30px;
    overflow: hidden;
    height: 24px;
    cursor: pointer;
    background:#1E85EC url(../image/icon.png) center -42px no-repeat;
    color: #FFF;
    border: none;
	border-radius:5px;
}

#Content .btnbar .infotitle {
    float: right;
    background: #EEF1F8;
    letter-spacing: 2px;
    border: solid 1px #dfdfdf;
    height: 28px;
    line-height: 28px;
    padding: 0px 5px;
}

#Content #hc0, #Content #hc1, #Content #hc2 {
    border: solid 1px #ddd;
    padding: 0 20px;
    margin-top: 10px;
}

#Content .indexfocus {
    background: #EEF1F8;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #ddd;
    text-align: right;
}

#Content .pagetitle {
    height: 30px;
    line-height: 30px;
    letter-spacing: 2px;
    background: #EEF1F8;
    border: solid 1px #DBDFEA;
    font-family: 瀹嬩綋;
}

#Content #rightsettingtb td .rolecb {
    width: 80px;
    padding: 5px;
    padding-left: 15px;
    display: inline-block;
    background: url(../image/nochecked.png) left center no-repeat;
}

#Content #rightsettingtb td .check {
    width: 13px !important;
    height: 13px !important;
    padding: 0 !important;
    display: inline-block;
    background: url(../image/nochecked.png) left center no-repeat;
}

#Content #rightsettingtb td .checked {
    background-image: url(../image/checked.png);
}

#Content #usercheck {
    border: solid 1px #DFDFDF;
}

#Content #usercheck .title {
    background: #EEF1F8;
    padding: 10px;
    border-bottom: solid 1px #DFDFDF;
}

#Content #usercheck td:first-child {
    border-right: solid 1px #DFDFDF;
}

#Content #usercheck table {
    border-top: none !important;
}

#Content #usercheck table td {
    border-left: none !important;
    border-right: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 38px !important;
}

#Content #usercheck td a {
    display: block;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    padding-left: 24px;
    border-bottom: solid 1px #dfdfdf;
    background: url(../image/user-1.png) 5px center no-repeat;
}

#Content #usercheck td a span {
    width: 95%;
    display: block;
}

#Content #usercheck td a:hover {
    background-color: #FFE8D0;
}

#Content #usercheck td a:hover span {
    background: url(../image/del.png) right center no-repeat;
}

#Content #usercheck table td a {
    border: none !important;
}

#Content #usercheck table td a:hover span {
    background: url(../image/gou.png) right center no-repeat !important;
}

/*娴佺▼*/
#Content .doflow {
    padding: 30px;
}
.doflow {
    padding: 30px;
}
#Content .doflow .cont {
    width: 130px;
    height: 80px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}
doflow .cont {
    width: 130px;
    height: 80px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}
#Content .doflow .cont span.num {
    width: 130px;
    height: 50px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    font-family: '微软雅黑';
    color: #FFF;
    background: #2DB2B9;
}
.doflow .cont span.num {
    width: 130px;
    height: 50px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    font-family: '微软雅黑';
    color: #FFF;
    background: #2DB2B9;
}
#Content .doflow .cont span.txt {
    width: 130px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-family: '微软雅黑';
    letter-spacing: 1px;
    background: #E7ECEA;
}
.doflow .cont span.txt {
    width: 130px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-family: '微软雅黑';
    letter-spacing: 1px;
    background: #E7ECEA;
}
#Content .doflow .cont a {
    color: #777;
    text-decoration: none;
    display: block;
}
.doflow .cont a {
    color: #777;
    text-decoration: none;
    display: block;
}
#Content .doflow .cont2 span.num {
    background: #2DB2B9;
}
.doflow .cont2 span.num {
    background: #2DB2B9;
}
#Content .doflow .cont1 span.num {
    background: #F3B90B;
}
.doflow .cont1 span.num {
    background: #F3B90B;
}
#Content .doflow .cont0 span.num {
    background: #949495;
}
.doflow .cont0 span.num {
    background: #949495;
}
#Content .tabbar {
    background: #EEF1F8;
    margin-bottom: 5px;
}
.tabbar {
    background: #EEF1F8;
    margin-bottom: 5px;
}
#Content .tabbar a {
    width: auto;
    padding: 10px 20px;
    display: inline-block;
    text-decoration: none;
    color: #666;
    cursor: pointer;
    letter-spacing: 2px;
}
.tabbar a {
    width: auto;
    padding: 10px 20px;
    display: inline-block;
    text-decoration: none;
    color: #666;
    cursor: pointer;
    letter-spacing: 2px;
}
#Content .tabbar a.current {
    background: #FFF;
    border: solid 1px #ddd;
    border-bottom: none;
    border-top: solid 2px #1E85EC;
    color: #1E85EC;
}
.tabbar a.current {
    background: #FFF;
    border: solid 1px #ddd;
    border-bottom: none;
    border-top: solid 2px #1E85EC;
    color: #1E85EC;
}
#Content .questions {
    height: 35px;
}

#Content .questions .radio, #Content .questions .checkbox {
    width: 20px;
    height: 30px;
    float: left;
}

#Content .questions .radio a {
    width: 20px;
    height: 30px;
    display: block;
    background: url(../image/radio.png) no-repeat;
}

#Content .questions .radio a.selected {
    background-position: 0 -30px;
}

#Content .questions .checkbox a {
    width: 20px;
    height: 30px;
    display: block;
    background: url(../image/radio.png) 0 -60px no-repeat;
}

#Content .questions .checkbox a.selected {
    background-position: 0 -90px;
}

#Content .questions .num {
    width: 30px;
    height: 30px;
    float: left;
}

#Content .questions .num span {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #FFF;
    font-size: 18px;
    display: block;
    background: #01A2AA;
}

#Content .questions .txt {
    width: 590px;
    height: 30px;
    float: left;
}

#Content .questions .txt input {
    padding: 5px;
    height: 18px;
    line-height: 18px;
    border-left: none !important;
}

#Content .questions .btn {
    width: 20px;
    height: 30px;
    float: left;
}

#Content .questions .btn button.add, #Content .questions .btn button.adds {
    width: 20px !important;
    height: 30px !important;
    display: block;
    border: none;
    cursor: pointer;
    background: url(../image/adddel.png) center 0 no-repeat !important;
}

#Content .questions .btn button.del {
    width: 20px !important;
    height: 30px !important;
    display: block;
    border: none;
    cursor: pointer;
    background-position: center -30px !important;
}

#Content #paperrule .add, #Content #subjectroom .add, #Content #subjectstudent .add, #Content #subjectteacher .add, #Content #subjectinfo .add {
    width: 16px;
    height: 20px;
    display: block;
    border: none;
    cursor: pointer;
    background: url(../image/adddel.png) center -5px no-repeat;
}

#Content #paperrule .del, #Content #subjectroom .del, #Content #subjectstudent .del, #Content #subjectteacher .del, #Content #subjectinfo .del {
    width: 16px;
    height: 20px;
    display: block;
    border: none;
    cursor: pointer;
    background: url(../image/adddel.png) center -35px no-repeat;
}

#Content .showtb {
    width: 16px;
    height: 20px;
    display: block;
    border: none;
    cursor: pointer;
    background: url(../image/sh.png) center -5px no-repeat;
}

#Content .hidetb {
    width: 16px;
    height: 20px;
    display: block;
    border: none;
    cursor: pointer;
    background: url(../image/sh.png) center -35px no-repeat;
}

#Content .inputform button.add {
    width: 16px;
    height: 20px;
    line-height: 20px;
    color: #EEF1F8;
    display: block;
    border: none;
    cursor: pointer;
    background: url(../image/adddel.png) center -5px no-repeat;
}

#Content .inputform button.edit {
    width: 16px;
    height: 20px;
    display: block;
    border: none;
    cursor: pointer;
    background: url(../image/edit1.png) center center no-repeat;
}

#Content .parttitle {
    background: #EEF1F8;
}

#Content .questionlist {
    padding: 10px;
    margin-top: 10px;
}

#Content .treeTable tbody{
    font-size: 12px;
    color: #666666;
}

#Content .treeTable tbody .link a {
    text-decoration: none;
    color:#1890ff;
}

#Content .treeTable tbody .link a:hover {
    color: red;
}

#Content .treeTable tbody .mopen span {
    color: red;
}

#Content .inputform .noborder {
    border-left: none;
}

#Content .inputform .q {
    padding: 5px;
}

#Content .inputform .q a {
    line-height: 20px;
    padding: 5px 0 5px 10px;
    display: block;
    color: #666;
    padding-right: 30px;
}

#Content .inputform .q a:hover {
    background: #01A2AA url(../image/edit.png) right center no-repeat;
    color: #FFF;
}

#Content .inputform .qkadd {
    width: 21px;
    height: 28px;
    display: block;
    margin: 2px 5px 2px 0;
    background: url(../image/qkadd.png) no-repeat;
    float: left;
}

#Content .inputform .qklist {
    display: block;
    border: solid 1px #ADBECA;
    width: auto;
    height: 12px;
    padding: 7px 15px 7px 5px;
    margin: 2px 5px 2px 0;
    background: url(../image/qkicon.png) right center no-repeat;
    float: left;
}

#Content .inputform .qklist:hover {
    border-color: #F6BA79;
    background-color: #FEE9C7;
}

#Content .inputform input[name=tpoint] {
    background: url(../image/zf.png) left center no-repeat;
    text-align: right;
}

#Content .inputform .trule {
    border: solid 1px #ccc;
    padding: 5px;
    display: inline-block;
    margin-right: 5px;
}

#Content .inputform .disable {
    color: #ccc;
}

#Content .treeTable .dlink a {
    display: inline-block;
    padding: 5px 15px 5px 5px;
    margin-right: 5px;
}

#Content .treeTable .dlink a:hover {
    background: #FFF url(../image/del.png) right center no-repeat;
}

#Content .condition_cont {
    position: absolute;
    top: 45px;
    left: 5px;
    right: 5px;
    display: none;
    background: #FFF;
    z-index: 1000;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}

#Content .condition_cont .btn {
    background: #EEE;
    padding: 5px;
    text-align: right;
    cursor: pointer;
    border: solid 1px #ddd;
    border-top: none;
}

#Content .krule .sgw {
    background: #F2F2F2 url(../image/sgw.png) right bottom no-repeat;
    border: solid 1px #99A9B5;
    padding: 7px 10px 7px 2px;
}

#Content .krule .sgw:hover {
    border-color: #01A2AA;
    background: #F2F2F2 url(../image/sgw1.png) right bottom no-repeat;
    color: #01A2AA;
}

.inputform thead tr td {
    font-size: 12px;
    font-weight: bold;
}

.inputform tbody tr td {
    letter-spacing: 1px;
}

.inputform select {
    width: 312px;
    height: 30px;
    border: 1px solid #ccc;
}

.inputform input[type=text], .inputform input[type=password] {
    width: 300px;
    height: 16px;
    line-height: 16px;
    padding: 6px 5px;
    border: 1px solid #ccc;
}

.inputform input[type=text]:focus, .inputform input[type=password]:focus, .inputform textarea:focus {
    border: 1px solid #01A2AA;
}

.inputform input.select {
    background: #FFF url(../image/selbtn.png) right center no-repeat;
    cursor: pointer;
}

.inputform textarea {
    width: 90%;
    height: 80px;
    line-height: 20px;
    padding: 5px;
    border: 1px solid #ccc;
}

.inputform tbody a {
    text-decoration: none;
    color: #017C83;
}

.inputform tbody a:hover {
    color: red;
}

.inputform tbody .radio span, .inputform tbody .radio1 span {
    width: auto;
    display: inline-block;
    background: url(../image/check.png) left center no-repeat;
    padding-left: 17px;
    margin-right: 10px;
}

.inputform tbody .radio span.checked, .inputform tbody .radio1 span.checked {
    background: url(../image/checked.png) left center no-repeat;
}

.treeTable tbody tr td div {
    padding-right: 7px;
}

.treeTable tbody tr td div input[type=text] {
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding: 3px 0px;
    border: 1px solid #ccc;
    text-indent: 4px;
}

.treeTable tbody tr td div textarea {
    width: 100%;
    height: 80px;
    line-height: 20px;
    padding: 3px 0;
    border: 1px solid #ccc;
}

.treeTable tbody tr td div input.select {
    background: #FFF url(../image/selbtn.png) right center no-repeat;
    cursor: pointer;
}

.treeTable tbody tr td div select {
    width: 100%;
    height: 24px;
    border: 1px solid #ccc;
}

.treeTable tbody tr td.true span {
    padding: 5px;
    color: #fff;
    background: orange;
}

.treeTable tbody tr td.false span {
    padding: 5px;
    color: #fff;
    background: #1E85EC;
}

.treeTable tbody tr td.yfq span {
    padding: 5px;
    color: #fff;
    background: #ababab;
}

.treeTable tbody tr td.ytj span {
    padding: 5px;
    color: #fff;
    background: blue;
}

.inputform tbody tr td div {
    padding-right: 7px;
}

.inputform tbody tr td div input[type=text] {
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding: 3px 0px;
    border: 1px solid #ccc;
    text-indent: 4px;
}

.inputform tbody tr td div textarea {
    width: 100%;
    height: 80px;
    line-height: 20px;
    padding: 3px 0;
    border: 1px solid #ccc;
}

.inputform tbody tr td div input.select {
    background: #FFF url(../image/selbtn.png) right center no-repeat;
    cursor: pointer;
}

.inputform tbody tr td div select {
    width: 100%;
    height: 24px;
    border: 1px solid #ccc;
}

.inputform tbody tr td:nth-child(2n) {
    text-align: left;
}

.inputform td span.required {
    color: red;
}

.searchform {
    border-left: solid 1px #dfdfdf;
    border-right: solid 1px #dfdfdf;
}

.searchform thead tr td {
    border-left: none !important;
    border-right: none !important;
    text-align: right;
}

.searchform thead tr td div {
    padding-right: 2px;
}

.searchform thead tr td div input[type=text], .searchform thead tr td div input[type=password] {
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding: 3px 0px;
    border: 1px solid #ccc;
    text-indent: 4px;
}

.searchform thead tr td div input.select {
    background: #FFF url(../image/selbtn.png) right center no-repeat;
    cursor: pointer;
}

.searchform thead tr td div textarea {
    width: 100%;
    height: 80px;
    line-height: 20px;
    padding: 3px 0;
    border: 1px solid #ccc;
}

.searchform thead tr td div select {
    width: 100%;
    height: 24px;
    border: 1px solid #ccc;
}

.searchform thead tr td:nth-child(2n) {
    text-align: left;
}

.searchform button.op {
    background: #01A2AA;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
    border: none;
}

.searchform button.op:hover {
    background: #016C72;
}

.searchform thead tr td.link a {
    text-decoration: none;
    color: #017C83;
}

.searchform thead tr td.link a:hover {
    color: red;
}

.searchform .save {
    width: auto;
    padding: 0 10px;
    overflow: hidden;
    height: 24px;
    cursor: pointer;
    background: #01A2AA;
    color: #FFF;
    border: none;
}

/*.searchform thead tr td input[type=text]{width:90%; height:16px; line-height:16px; padding:3px 5px; border:1px solid #ccc;}
.searchform thead tr td input.select{ background:#FFF url(../image/selbtn.png) right center no-repeat; cursor:pointer;}
.searchform thead tr td select{width:90%; height:22px;border:1px solid #ccc;}
*/

#Content .printmenu {
    padding: 10px 0;
}

#Content .printmenu button {
    width: auto;
    height: auto;
    padding: 7px 10px;
    cursor: pointer;
    background: #01A2AA;
    color: #FFF;
    border: none;
}

#Content .printmenu button:hover {
    background-color: #017C83;
}

#Content .resumeimg {
    width: 162px;
    height: 204px;
    padding: 10px;
    border: solid 1px #ccc;
}

#Content .resumeimg img {
    width: 162px;
    height: 204px;
}

#Content .resumemenu {
    width: 184px;
}

#Content .resumemenu a {
    width: 100%;
    padding: 8px 0;
    display: block;
    background: #1369BF;
    text-align: center;
    color: #FFF;
    margin-bottom: 5px;
}

#Content .resumemenu a:hover {
    background: #0B4074;
}

#Content .resumetitle {
    padding: 8px;
    height: 14px;
    background: #017C83 url(../image/icon1.png) right 0 no-repeat;
    color: #FFF;
    cursor: pointer;
    letter-spacing: 2px;
}

#Content .resumetitlehide {
    background-position: right -30px;
}

#Content .pagecont {
    padding-left: 20px;
    width: 790px;
}

#Content .sxbzbtn {
    background: url(../image/edit.png) right bottom no-repeat;
}

.htmleditor div {
    padding-right: 0 !important;
}

.examer tbody a {
    color: #017C83;
}

.examer tbody a:hover {
    color: red;
}

.selectpapertype {
    border: solid 1px #ccc;
    border-bottom: none;
}

.selectpapertype a {
    padding: 10px;
    display: block;
    border-bottom: solid 1px #ccc;
    text-decoration: none;
    color: #555;
}

.selectpapertype a:hover {
    background: #01A2AA;
    color: #FFF;
}

#Validform_msg {
    letter-spacing: 2px;
    width: 280px;
    background: #fff;
    position: absolute;
    top: 0px;
    right: 50px;
    z-index: 99999;
    display: none;
}

#Validform_msg .iframe {
    position: absolute;
    left: 0px;
    top: -1px;
    z-index: -1;
}

#Validform_msg .Validform_title {
    line-height: 25px;
    height: 25px;
    text-align: left;
    padding: 0 8px;
    color: #fff;
    position: relative;
    background:#1E85EC;
    font-family: 瀹嬩綋;
}

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
    line-height: 22px;
    position: absolute;
    right: 8px;
    top: 0px;
    color: #fff;
    text-decoration: none;
}

#Validform_msg a.Validform_close:hover {
    color: #cc0;
}

#Validform_msg .Validform_info {
    padding: 8px;
    border: 2px solid #1E85EC;
    color: red;
    border-top: none;
    text-align: left;
}

.pagination {
    padding: 10px 3px;
    background: #EEF1F8;
    border: solid 1px #dfdfdf;
    border-top: none;
}

.pagination a {
    border: #1E85EC 1px solid;
    background: #FFF;
    padding: 3px 6px;
    margin: 2px;
    color:#1E85EC;
    text-decoration: none;
	border-radius:5px;
}

.pagination a:hover {
    border: #1E85EC 1px solid;
    background: #1E85EC;
    color: #FFF;
}

.pagination a:active {
    border: #1E85EC 1px solid;
    background: #1E85EC;
    color: #FFF;
}

.pagination .current {
    border:#1E85EC 1px solid;
    padding: 3px 6px;
    font-weight: bold;
    margin: 2px;
    color: #fff;
    background-color:#1E85EC;
	border-radius:5px;
}

.pagination .disabled {
    border: none;
    color: #bbb;
    padding: 3px 6px;
    margin: 2px;
    background: none;
}

.pagination .allcount {
    border: none;
    color: #777;
    padding: 3px 6px;
    background: none;
    float: right;
}

.pagination select {
    height: 20px;
    margin-right: 10px;
    line-height: 26px;
    height: 26px;
    border-radius: 3px;
}

/***Tabs***/
.tabs {
    height: 34px;
    border: solid 1px #dfdfdf;
    border-bottom: solid 1px #01A2AA;
    background: #EEF1F8;
}

.tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabs ul li {
    letter-spacing: 2px;
    float: left;
    line-height: 30px;
    margin: 0;
    padding: 2px 15px;
    cursor: pointer;
}

.tabs ul li a {
    text-decoration: none;
    color: #555;
}

.tab-nav {
}

.tab-nav-action {
    background: #01A2AA;
    color: #FFF;
    cursor: pointer;
}

.tab-nav-action a {
    color: #FFF !important;
}

.tabs-body {
}

.tabs-body div.body {
    display: none;
}

.conttable {
    border: solid 1px #dfdfdf;
    width: 100%;
    color: #666;
    margin-top: 12px;
}

.conttable tbody tr td div {
    padding-right: 7px;
}

.conttable tbody tr td div input[type=text] {
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding: 10px 0px;
    border: 1px solid #ccc;
    text-indent: 4px;
}

.conttable tbody tr td div input.select {
    background: #FFF url(../image/selbtn.png) right center no-repeat;
    cursor: pointer;
}

.conttable tbody tr td div select {
    width: 100%;
    height: 38px;
    border: 1px solid #ccc;
}

.submenu.setting {
    border: 1px solid #2490f8;
    border-top: 0;
    display: block;
    right: 5px;
    top: 0;
    width: 120px !important;
}

.submenu.setting a {
    text-align: center;
}

.submenu.setting a span {
    padding-left: 0px;
    background: transparent !important;
}

/*a#cms_add {
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #d4d4d4;
    color: #666666;
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 30px;
    border-radius: 12px;
    margin: 2px 0 0 5px;
    font-size: 12px;
    height: 30px;
}*/
.toolbars a{
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #d4d4d4;
    color: #666666;
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 30px;
    border-radius: 12px;
    margin: 2px 0 0 15px;
    font-size: 12px;
    height: 30px;
}
.toolbars a:hover{
    cursor: pointer;
}

.tdwidth{
    width: 80px;
}

.toolbars a{
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #d4d4d4;
    color: #666666;
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 12px;
    margin: 0 0 0 15px;
    font-size: 12px;
    height: 30px;
}
.toolbars a:hover{
    cursor: pointer;
}

.table_center td{
    text-align:center;
}

.more_query_area .record_item .label.width125 {
    width: 125px;
}

/*.layui-table-view .layui-form-checkbox[lay-skin=primary] i {*/
/*    position: relative;*/
/*    top: 6px;*/
/*}*/

#Content.bg-content {
    background: #EEF1F8;
    margin-top: 10px;
}

#Content.bg-content .toolbars{
    margin-left: 0!important;
}

#Content.bg-content .toolbars a{
    margin-top: -1px;
}

.layui-layer-iframe .layui-layer-setwin .layui-layer-close1 {
    margin-top: 2px;
    margin-left: 3px;
}

.layui-layer-iframe .layui-layer-setwin {
    width: 18px;
    height: 17px;
    background-color: #fff;
    border-radius: 3px;
}

#Content #modelform .btnbar .save {
    border-radius: 4px;
    float: right;
}

#modelform .btnbar {
    padding-right: 10px;
}

#modelform toolbars {
    margin-top: 15px;
    padding-right: 10px;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #1E85EC !important;
}

#modelform .treeTable {
    margin-top: 4px;
}

.layui-layer-title {
    color: #000 !important;
}

.layui-table-page .layui-laypage .layui-laypage-btn {
    background: #1E85EC;
    color: #fff;
    border-radius: 4px;
    box-shadow: none;
}

.layui-btn-primary:hover {
    border-color: #1E85EC;
    color: #333;
}

#Content.empty {
    padding: 0;
}

#sy_search {
    position: relative;
    display: inline-block;
}

#sy_search.fff {
    background: #fff;
    margin-left: 10px;
}

.combinedQuery.is-show {
    position: absolute;
    top: -7px;
    left: 0;
}

#Content.picifujian .toolbars2 {
    margin-top: 10px;
    background: #EEF1F8;
    margin-left: 0!important;
    height: 40px;
    line-height: 40px;
}

#Content.picifujian .toolbars2 a{
    margin-top: -1px;
}

.layui-layer .layui-layer-btn {
    background: #f2f2f2 !important;
}

.layui-layer-title {
    background: #EEF1F8;
}

.layui-layer-setwin {
    right: 15px;
}

#cat_ids1 .layui-form-select .layui-input {
    padding-right: 0;
    width: 160px;
    height: 30px;
    background: #fff;
    padding-left: 4px;
    border-radius: 4px;
    border: 1px solid #D4D4D4;
    box-sizing: border-box;
}

#cat_ids1 .layui-input-inline {
    width: 160px;
}

.layui-form .other-label {
    height: 30px;
    line-height: 30px;
    padding: 0;
    padding-right: 6px;
}

.report-cont .search-form #searchbtn {
    float: right;
    margin-right: 20px;
}

.report-cont .search-form {
    height: 32px;
}

.report-cont .layui-table-view {
    margin-top: -10px;
}

.layui-form-select dl dd.layui-this {
    background-color: #1E85EC !important;
}

body .layui-form-checked[lay-skin=primary] i {
    border-color: #1E85EC!important;
    background-color: #1E85EC !important;
}

body .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #1E85EC!important;
}

/*.layui-btn.blue-btn {*/
/*    background-color: #1E85EC!important;*/
/*    color: #fff!important;*/
/*}*/

.blue-btn {
    background-color: #1E85EC!important;
}

#LAY_UserTelChange div{
  width: 300px;
  padding: 10px 50px;
}

.searchform button.op {
    background-color: #1E85EC!important;
}

.searchform button.op:hover {
    background-color: #135fac!important;
}

/*body .layui-btn {*/
/*    background-color: #1E85EC;*/
/*    color: #fff!important;*/
/*}*/

body .layui-form-onswitch {
    border-color: #1E85EC;
    background-color: #1E85EC;
}

.layui-container .layui-btn {
    background-color: #1E85EC!important;
    color: #fff!important;
}

body .layui-btn-xs i {
    position: relative;
    left: 2px;
}

#Content .input-height36 {
    line-height: 36px;
    height: 36px;
    padding-left: 10px;
}

.layui-input {
    padding-left: 5px;
}

#Content .inputform button.layui-btn-normal.del {
    background: none;
}

.searchform .save {
    border-color: #1E85EC;
    background-color: #1E85EC;
}

.more_query_area .record_item .label.width125 {
    width: 125px;
}

#Content .layui-form-item-lys1 .layui-input-block {
    left: 0;
}


#Content .layui-form-item-lys1 .input-lys1 {
    line-height: 36px;
    height: 36px;
    padding-left: 5px;
}

#flowForm .layui-form-select  {
    padding-right: 0;
    height: 38px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #D4D4D4;
    box-sizing: border-box;
}

#flowForm .layui-form-select .layui-select-title {
    border: none;
}

#flowForm .layui-form-select .layui-select-title input {
    padding-right: 0;
    border: 0;
    width: 270px;
}

#flowForm .layui-form-select .layui-input {
    line-height: 36px;
    height: 36px;
    padding-left: 4px;
}

#flowForm .layui-input-block input {
    line-height: 36px;
    height: 36px;
    padding-left: 5px;
    width: 275px;
}

#flowForm label {
    width: 120px;
}

#flowForm {
    width: 400px;
}

.flowForm-lys .layui-form-pane .layui-input-block {
    margin-left: 120px!important;
}

.flowForm-lys .layui-form-text .layui-input-block {
    top: -38px!important;
}

#flows_searchbtn {
    height: 38px;
    line-height: 38px;
    background-color: #1E85EC!important;
}

#gusertb tbody td {
    padding: 0;
    line-height: 38px;
    height: 38px;
}

#gusertb tbody td input {
    line-height: 38px;
    height: 38px;
    border: 0;
    padding: 0 5px;
    width: calc(100% - 5px);
}

#searchbox .layui-form-select .layui-input {
    padding-right: 0;
    line-height: 30px;
    height: 30px;
    padding-left: 5px;
    width: calc(100% - 5px);
    border-radius: 5px;
}

#searchbox .searchform .layui-inline {
    line-height: 30px;
    height: 30px;
}

#Content .btnbar #searchbtn,
#Content .btnbar #clearbtn {
    text-align: left;
    width: 65px;
}

.more_query_area.special-search .record_item {
    height: 34px;
    line-height: 34px;
}

.more_query_area.special-search .record_item.position1 {
    position: relative;
    top: 1px;
}

.more_query_area.special-search .record_item input[type=text],
.more_query_area.special-search .record_item select {
    width: 180px;
}

.more_query_area.special-search .record_item.special2 select {
    width: 204px;
}

.more_query_area.special-search .record_item .content .input_group input {
    width: 130px;
}

.more_query_area.special-search .record_item .toolbars {
    text-align: right;
    width: 269px;
}

.searchform thead tr td div select {
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
}

.searchform thead tr td div input[type=text],
.searchform thead tr td div input[type=password] {
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    padding: 0;
}

#Content .layui-table-cell {
    line-height: inherit;
    height: auto;
    overflow: visible;
    text-overflow: inherit;
    white-space: normal;
    word-break: break-all;
    padding: 0 5px;
}

#Content  .layui-table-cell .layui-btn-group .layui-btn:first-child {
    border-left: 1px solid #d4d4d4;
}

.charts-content .first-line,
.charts-content .second {
    width: 100%;
    height: 400px;
    color: #666;
}

.charts-content .first-line .left-part {
    width: 48%;
    float: left;
}

.charts-content .first-line .right-part {
    width: 48%;
    float: right;
}

.charts-content .first-line table {
    width: 100%;
}

.charts-content .first-line table th,
.charts-content .first-line table td {
    line-height: 30px;
    height: 30px;
    text-align: center;
    padding: 0px !important;
}
.charts-content .first-line table th {
    background-color: #f2f2f2;
}

.charts-content .title-p {
    line-height: 40px;
    height: 40px;
    background: #EEF1F8;
    margin-top: 10px;
    color: #666;
    padding: 0 15px;
}

.charts-content .title-p span {
    display: inline-block;
}

.charts-content .title-p .search-line {
    float: right;
}

.charts-content .title-p select {
    width: 160px;
    height: 30px;
    background: #fff;
    padding-left: 4px;
    border-radius: 4px;
    border: 1px solid #D4D4D4;
    box-sizing: border-box;
    position: relative;
    top: 5px;
}